<template>
  <div class="table">
    <Card>
      <p slot="title">表格目录</p>
      <Collapse class="catalog">
        <Panel>
          普通基本表格
          <div slot="content">
              <p> <Button type="success" @click="configuration('table-base')">进入详情</Button></p>
              <img src="../../../assets/images/demos/tables/base.png" alt="">
          </div>
        </Panel>
        <Panel>
          iview列表格
          <p slot="content">
              <img src="../../../assets/images/demos/tables/colspan.png" alt="">
          </p>
        </Panel>
        <Panel>
          报考成绩报表--二级合并
          <p slot="content">
              <img src="../../../assets/images/demos/tables/bukaochengji.png" alt="">
          </p>
        </Panel>
        <Panel>
          幼儿园考勤表-总分总结构
          <p slot="content">
              <img src="../../../assets/images/demos/tables/kaoqin.png" alt="">
          </p>
        </Panel>
        
      </Collapse>
    </Card>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  },
  methods:{
    //跳转设置页面
      configuration(v){
          this.$router.push({path: v,params: {backRoute: this.$route.name}})
      },
  }
};
</script>

<style lang="less" scoped>
.catalog{
  img{
    max-width: 100%;
  }
}
</style>